<!DOCTYPE HTML>
<html>
<title>
ATRIUN</title>
<head>
<link href="rbpl.css" rel="stylesheet" type="text/css"  />
<script type="text/javascript" src="<?php echo base_url();?>js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery.dropotron-1.0.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery.slidertron-1.1.js"></script>
<script type="text/javascript">
	$(function() {
		$('#menu > ul').dropotron({
			mode: 'fade',
			globalOffsetY: 11,
			offsetY: -15
		});
		$('#slider').slidertron({
			viewerSelector: '.viewer',
			indicatorSelector: '.indicator span',
			reelSelector: '.reel',
			slidesSelector: '.slide',
			speed: 'slow',
			advanceDelay: 4000
		});
	});
</script>
</head>
<body>
<div id="header-wrap">
<header class="group">
<h2><a href="index.php?" title="ATRIUN">ATRIUN</a></h2>
<div id="login">
<h4 class="green"><a href="index.php?/atriun/login" class="green">Login atau daftar <strong>sekarang</strong></a></h4>
</div>
<nav class="group">
				<ul>
					<li class="home"><a href="index.php" title="">Home</a></li>
					<li><a href="index.php?/atriun/feature" title="">Fitur</a></li>
					<li><a href="index.php?/atriun/about" title="">Tentang ATRIUN</a></li>
					<li><a href="index.php?/atriun/location" title="">Lokasi kami</a></li>
					<li><a href="index.php?/atriun/mitra" title="">Mitra kami</a></li>
					<li class="last">
						<div>
							<input type="text" name="search" placeholder="search" />
							<input type="submit" name="search" value="go" class="search"/>
						</div>
					</li>
				</ul>
			</nav>
</header>
</div>
<!--<div id="container">
	testing : showing username and password
	
		<?php foreach ($records as $row) : ?>
		<?php echo $row['username']; ?>
		<?php echo $row['password']; ?>
		<?php endforeach;?>
		
</div>
-->
	<div id="slider">
		<div class="viewer">
			<div class="reel">
				<div class="slide">
					<img src="<?php echo base_url();?>images/images01.jpg" alt="" />
				</div>
				<div class="slide">
					<img src="<?php echo base_url();?>images/images02.jpg" alt="" />
				</div>
				<div class="slide">
					<img src="<?php echo base_url();?>images/images03.jpg" alt="" />
				</div>
				<div class="slide">
					<img src="<?php echo base_url();?>images/iamges04.jpg" alt="" />
				</div>
				<div class="slide">
					<img src="<?php echo base_url();?>images/images05.jpg" alt="" />
				</div>
			</div>
		</div>
		<div class="indicator">
			<span>1</span>
			<span>2</span>
			<span>3</span>
			<span>4</span>
			<span>5</span>
		</div>
	</div>

</body>
<br>
</html>
